<!--
 * @Author: 谢陈洁
 * @Date: 2025-07-04 09:50:54
 * @LastEditors: 谢陈洁
 * @LastEditTime: 2025-07-04 11:04:00
 * @Description: file content
-->
<template>
  <el-tooltip content="表情" placement="auto">
    <div>
      <V3Emoji :options-name="optionsName" :recent="true" @click-emoji="emit('click-emoji', $event)" />
    </div>
  </el-tooltip>
</template>
<script setup>
import V3Emoji from 'vue3-emoji'
import 'vue3-emoji/dist/style.css'
const emit = defineEmits(['click-emoji'])
const optionsName = {
  'Smileys & Emotion': '笑脸&表情',
  'Food & Drink': '食物&饮料',
  'Animals & Nature': '动物&自然',
  'Travel & Places': '旅行&地点',
  'People & Body': '人物&身体',
  Objects: '物品',
  Symbols: '符号',
  Flags: '旗帜',
  Activities: '活动'
}
</script>
<style lang="scss" scoped>
:deep(#EmojiItem p ) {
  padding: 12px 12px 0;
}

</style>